{template "header.html"}
<div class="container">
	<div class="row">
		<div class="d-kuan d-gao-100-50"></div>
		<div class="container">
			
			<div class="col-md-6 col-md-offset-3 d-beijing-baise d-yuanjiao-20 d-shang-20">
				<div class="col-md-6 col-md-offset-3 d-bian">
					<div class="d-clear"></div>
				    <div class="d-kuan d-wenzi-juzhong d-shang-xia-50">
				        <a href="{SITE_URL}">
				            <img src="{SITE_LOGO}" alt="{SITE_NAME}" height="50" class="logo-default">
				        </a>
				    </div>
				</div>
				
				<div class="row ">
					
					<div class="col-md-12">
						<form class="content d-shang-20" id="myform" method="post" novalidate="novalidate">
							{$form}
							<div class="form-group">
								<div class="input-icon">
									<i class="fa fa-user"></i>
									<input class="form-control placeholder-no-fix input-lg" type="text" autocomplete="off" placeholder="账号/邮箱/手机" name="data[username]">
								</div>
							</div>
							<div class="form-group">
								<div class="input-icon">
									<i class="fa fa-lock"></i>
									<input class="form-control placeholder-no-fix input-lg" type="password" autocomplete="off" placeholder="登录密码" name="data[password]">
								</div>
							</div>
							{if $is_code}
							<div class="form-group">
								<div class="d-xia-10">
									<div class="input-icon">
										<i class="fa fa-code"></i>
										<input class="form-control placeholder-no-fix input-lg" type="text" autocomplete="off" placeholder="验证码" name="code">
									</div>
									
								</div>
								<div class="d-kuan fc-code d-shang-10" >
									<div class="d-div-you">{dr_code(120, 35)}</div>
									<div class="d-clear"></div>
								</div>
								<div class="d-clear"></div>
							</div>
							{/if}
							<div class="form-actions">
								<label class="rememberme mt-checkbox mt-checkbox-outline">
									<input type="checkbox" name="remember" value="1"> 记住登录
									<span></span>
								</label>
								
							</div>
							<button type="button" onclick="dr_ajax_member('{dr_member_url('login/index')}', 'myform');" class="btn green d-kuan d-xia-20 d-yuanjiao-50"> 登录 </button>
							<div class="login-options d-yincang">
								<ul class="login-oauth">
									{if isset($ci->member_cache['oauth']['qq']['id']) && $ci->member_cache['oauth']['qq']['id']}
									<li>
										<a href="{Router::oauth_url('qq', 'login')}"> <img src="{HOME_THEME_PATH}web/img/qq.png"> </a>
									</li>
									{/if}
									{if isset($ci->member_cache['oauth']['weibo']['id']) && $ci->member_cache['oauth']['weibo']['id']}
									<li>
										<a href="{Router::oauth_url('weibo', 'login')}"> <img src="{THEME_PATH}assets/oauth/weibo.png"> </a>
									</li>
									{/if}
									{if isset($ci->member_cache['oauth']['weixin']['id']) && $ci->member_cache['oauth']['weixin']['id']}
									<li>
										<a href="{Router::oauth_url('weixin', 'login')}"> <img src="{HOME_THEME_PATH}web/img/weixin.png"> </a>
									</li>
									{/if}
									
								</ul>
							</div>
							
						</form>
				
					</div>
					
				</div>
				<div class="row d-xiakuang-10">
					<div class="col-xs-12">
						<div class="col-xs-3 d-quxian-0 d-wenzi-juzhong d-hanggao-40 d-wenzi-20 d-shang-20 d-yuanjiao-10 {if $_GET['c'] == 'login' && $_GET['m'] != 'find' }d-beijing-hui0{/if} ">
							<a href="{SITE_URL}" style="color: #f34949;">返回</a>
						</div>
						<div class="col-xs-3 d-quxian-0 d-wenzi-juzhong d-hanggao-40 d-wenzi-20 d-shang-20 d-yuanjiao-10 {if $_GET['c'] == 'login' && $_GET['m'] != 'find' }d-beijing-hui0{/if} ">
							<a href="{dr_member_url('member/index')}" >登录</a>
						</div>
						<div class="col-xs-3 d-quxian-0 d-wenzi-juzhong d-hanggao-40 d-wenzi-20 d-shang-20 d-yuanjiao-10 {if $_GET['c'] == 'register' && $_GET['m']}d-beijing-hui0{/if}">
							<a href="{dr_member_url('register/index', ['groupid' => $i])}" >注册</a>
						</div>
						<div class="col-xs-3 d-quxian-0 d-wenzi-juzhong d-hanggao-40 d-wenzi-20 d-shang-20 d-yuanjiao-10 {if $_GET['c'] == 'login' && $_GET['m'] == 'find' }d-beijing-hui0{/if}">
							<a href="{dr_member_url('login/find')}" >找密</a>
						</div>
					</div>
					
					<div class="d-clear"></div>
				</div>
			</div>
			
		</div>
	</div>
</div>
<style>
	@media (max-width: 768px)
	.input-lg {
	    width: 100% !important;
	}
	body {
	    /*display: flex;*/
	    /*height: 80vh;*/
	    align-items: center;
	    justify-content: center;
	    background-image: url({HOME_THEME_PATH}web/img/beijing.svg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    animation: move 50s linear alternate infinite;
	}
	.btn.green:not(.btn-outline) {
	    color: #FFF;
		{if $qingchunkaiqi}
		background-color: {$qingchunzhuse};
		border-color: {$qingchunzhuse};
		{else}
		background-color: #11d2b5;
		border-color: #11d2b5;
		{/if}
		
	    
	}
	.btn:not(.btn-sm):not(.btn-lg) {
	    line-height: 2.44;
	}
	.form-control {
	    width: 100%;
	    height: 50px;
	    padding: 6px 12px;
	    background-color: #f3f4f7;
	    border: 1px solid #f3f4f7;
	    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] {
	    display: inline-block;
	    line-height: 30px;
	    -webkit-font-smoothing: antialiased;
	}
	.input-icon>i {
	    color: #ccc;
	    position: absolute;
	    margin: 11px 2px 4px 10px;
	    z-index: 3;
	    width: 16px;
	    font-size: 20px;
	    text-align: center;
	    left: 0;
	}
	.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn, .input-lg {
	    /*height: 46px;*/
	    padding: 10px 16px;
	    font-size: 18px;
	    line-height: 1.33333;
	    border-radius: 50px;
	}
	.fc-code img {
	    height: 50px;
		border-radius: 50px;
		box-shadow: 0 6px 14px 0 rgba(227,233,237,.35);
	}
	.fc-code {
	    border: 1px solid #ffffff;
	    border-left: 0;
	    width: 100%;
		border-radius: 50px;
	}
	.d-shang-xia-50{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.d-beijing-baise {
	    /*background-color: #ffffff;*/
		background: linear-gradient(to bottom right, #ffffff, #ffffff, #ffffff);
	}
	.d-xiakuang-10 {
		padding-bottom: 15px;
	}
		@media screen and (max-width: 800px) {
	    body {
	    /*display: flex;*/
	    /*height: 80vh;*/
	    background-color: #ffffff;
	    align-items: center;
	    justify-content: center;
	    background-image: url();
	    background-repeat: no-repeat;
	    background-size: cover;
	    animation: move 50s linear alternate infinite;
	}
	.btn.green:not(.btn-outline) {
	    color: #FFF;
	    {if $qingchunkaiqi}
	    background-color: {$qingchunzhuse};
	    border-color: {$qingchunzhuse};
	    {else}
	    background-color: #11d2b5;
	    border-color: #11d2b5;
	    {/if}
	}
	.btn:not(.btn-sm):not(.btn-lg) {
	    line-height: 2.44;
	}
	
</style>
{template "footer.html"}